<template>
    <Person :list="list"/>
</template>

<script lang="ts" setup>
import Person from './components/Preson.vue'
import { reactive } from 'vue';
import { type PersonList } from '@/types'

let list = reactive<PersonList[]>([
    { id: '3244', name: '张三', age: 20 },
    { id: '2313', name: '李四', age: 18}
])
</script>

<style scoped>
.box{
    background-color: aqua;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
}
</style>